أستخدم خطًا لإنشاء رموز للتنقلات الخاصة بي في المثال التالي: http://www.blackcountrydesigns.co.uk/examples/green/ المشكلة التي أواجهها هي عندما تحوم فوق ارتباط ، تحصل على تسطير على كل من الرابط والأيقونة. أريد أن أعرف كيف يمكنني إزالة التسطير على الأيقونة مع الاحتفاظ به على الرابط هذا هو الكود الخاص بي: لغة البرمجةCSS #nav ul li a {color: #ccc؛ الهامش الأيسر: 25 بكسل ؛} #nav [class * = 'entypo -']. active: قبل {color: # 666؛} #nav [class * = 'entypo -']: قبل {font-size: 46px؛ الموقف: نسبي ؛ أعلى: 5 بكسل ؛ يسار: -3 بكسل ؛ اللون: # 999 ؛} [class * = 'entypo -']: hover: before {text-decoration: none! important؛} شكرا جزيلا
2021-01-27 08:10:22
الطريقة الوحيدة التي وجدت بها ، حتى الآن ، لإزالة الأنماط الموروثة (عادةً) من المحتوى الذي تم إنشاؤه هي إعطائها الموضع: مطلق ، باستخدام العرض التوضيحي المبسط (من التعليقات):
رابط
{
زخرفة النص: لا شيء ؛
الموقف: نسبي ؛
الهامش الأيسر: 1em ؛
}
أ: تحوم
{
زخرفة النص: تسطير ؛
}
ج: قبل
{
المحتوى: '#'؛
الموقف: مطلق ؛
اليمين: 100٪ ؛
أعلى: 0؛
أسفل: 0؛
العرض: 1em ؛
}
عرض JS Fiddle.
الجانب السلبي لهذا النهج ، بالطبع ، هو شرط تخصيص عرض صريح للمحتوى الذي تم إنشاؤه (ولهامش العنصر الأصل).
|
تتمثل الطريقة البديلة في التفاف نص الرابط في عنصر ، على سبيل المثال span ، قم بإزالة التسطير من "a" وقم بتطبيقه على النطاق الموجود عند التمرير.